學習 DNS, CDN, Cloudflare

DNS,CDN 學習資源

• 1.1.1.1
• 還在 Google DNS 8.8.8.8？更安全好用的「1.1.1.1」讓臉書不卡卡
• https://1.1.1.1/zh-Hant/dns/
• 了解網站運作的學習資源 HackMd
• dig 指令除錯
• DiG 指令教學

Ｑ：為什麼要把圖片放在不同 domain？

靜態資源掛在跟網站不同 domain

1. 可以降低 requerst 大小，靜態資源不用 cookie，不同 server 好做控制
2. 方便做 cache 等 optimize
3. (主要原因)早期 Http 1.0 平行下載量有限制

自建 proxy server

可以用便宜的 VPS 搭 nginx server 建 CDN
做自己的圖床, cache 節省流量費

混合內容警告

網站是 https 但有紅色鎖頭警告
混合內容有主被動之分

• 被動：圖片、影片等 src 資源
• 主動：script，通常會被禁止，看各個瀏覽器實作
  https://developer.mozilla.org/zh-TW/docs/Web/Security/Mixed_content

為什麼 http 不完全禁止？
因為混合內容網站太多ㄌ

web server

Http server:
可以 response web page(靜態網頁)，例如 Nginx, Apache
https://developer.mozilla.org/zh-TW/docs/Learn/Common_questions/What_is_a_web_server

想做動態網頁
用各種程式語言去寫的後端，Http Server 如何解析各種後端程式語言？

• CGI 協定
  interface。保證 web server 傳遞過來的東西是同一標準。
• 實作 CGI：
  fpm(PHP),wsgi(Python),...

Reverse Proxy server
把 request 丟給後面的應用程式處理，再把應用程式的結果丟回去給 client

RECAP

1.流量費用大多來自靜態資源-圖片
注意流量費用 下載速度
proxy server cache
res 設定 etag 讓 client cache 避免下載相同資源

2.注意 IP 透漏
會被 DDoS
部屬前確認設定

• header 透漏
• 多墊一層 CDN 避免 IP 透漏
• 檢查 port 是不是還綁在 0.0.0.0

3.轉址

• 301 永久轉址，會被 google 永久記住
• 302 是暫時

4.免費方案可能去美國逛一圈，要 trace route

Cloudflare 缺點

• CloudFlare--一些你不知道的事

參考

• 關於網站開發你該注意的十件事 前30分鐘
• PPT